//------------------------先获取用户数据并且渲染-----------------------
function rendererIndex() {
    $.ajax({
        url: '/my/user/userinfo',
        // 需要设置请求头

        success: function(res) {
            // console.log(res);
            // 获取成功之后渲染头像和登录名称
            if (res.status === 0) {
                // 当有nickname时先显示nickname  然后再显示username
                // 这里不能写成判断的形式  不然作用域会有问题
                let name = res.data.nickname || res.data.username

                $('.user_name').text(name)
                    //渲染头像 当已经设定了头像时就使用设定的图片作为头像,如果没有设定那么就使用账号的第一个字母大写
                    //   有头像时
                if (res.data.user_pic) {
                    $('.layui-nav-img').attr('src', res.data.user_pic)
                    $('.layui-nav-img').show().prev().hide()
                } else {
                    // 截取第一个字母并且大写
                    // 没有头像时
                    let first = name.substr(0, 1).toUpperCase()
                    $('.text_img').text(first).css('display', 'inline-block') //不用show()方法的原因是因为show会还原标签本来得样式
                        // .text_img是span标签 会恢复成行内样式 样式会有问题 所以不能在这里使用
                }

            }
        }

    })
}
rendererIndex()



// --------------------------------退出功能----------------------------------
$('#logout').on('click', function() {


    layer.confirm('确定退出吗?', function(index) {
        location.href = '../../login.html'
        localStorage.removeItem('token')
            //    在登录页面添加验证信息 没有token将无法访问主页

        layer.close(index);
    });


})